<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分享组队</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="js/common.js"></script>
    <script type="text/javascript" src="js/jweixin-1.0.0.js"></script>
    <script src="https://cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>

    <style>
        body{
            font-size: 2em;
        }
        .main-content{
            text-align: center;
        }
        .main-content img{
            width: 85%;
        }
        .main-content .line-content{
            text-align: center;
        }
        .line-content .warn{
            font-size: 0.9em;
            color: #555;
        }
        .go-bottom{
           position: fixed;
            bottom: 1%;
            margin-left: 40%;
            font-size: 1.2em;
            background: #1ddb1e;
            padding: 1.2% 3%;
            border-radius: 35px;
        }
        .go-bottom a{
            color: #fff;
            text-decoration: none;
            letter-spacing: 5px;
        }
    </style>
</head>
<body>
<div class="main-content">
    <h1>你不是一个人！来加入我们吧，亿元奖金向你招手，百万现金等你来拿！</h1>
    <img src="img/searchyou.jpg">
    <div>
        <div class="line-content">今天晚上，睡觉记得关好窗户</div>
        <div class="line-content">因为黑夜里突然爆发的惊天吼叫可能会把你吵醒</div>
        <div class="line-content">放心那不是打架了，肯定是进球了</div>
        <div class="line-content">四年一度的世界杯又来了！</div>
        <div class="line-content">（划重点同学们！6月14日！）</div>

    </div>

    <img src="img/002.gif">
    <div>
        <div class="line-content">每年到了这个时候</div>
        <div class="line-content">无论你平时看不看联赛</div>
        <div class="line-content">懂不懂越位，追不追球星</div>
        <div class="line-content">配着啤酒肉串和朋友们看两场球赛必不可少</div>

    </div>
    <img src="img/003.jpg">
    <div>
        <div class="line-content">光着膀子，撸起裤脚</div>
        <div class="line-content">都要和朋友一起“上场”挥汗如雨</div>
        <div class="line-content">但是踢足球不是一个人在战斗</div>
        <div class="line-content">现在我们为您准备了另一个战场</div>
        <div class="line-content">你可以呼朋唤友</div>
        <div class="line-content">你可以和小伙伴们一起战斗</div>
        <div class="line-content">虽然中国队不能去世界杯</div>
        <div class="line-content">但是你和你的小伙伴们可以去</div>
        <div class="line-content">叫上你的小伙伴</div>
        <div class="line-content">一起组队PK吧</div>

        <div class="line-content">在这里，你和你的小伙伴</div>
        <div class="line-content">可以获得活动积分</div>
        <div class="line-content">用中国足球彩票去竞猜世界杯比赛</div>
        <div class="line-content">你们每个人的奖金累积加和总数</div>
        <div class="line-content">到世界杯决赛结束</div>
        <div class="line-content">多者为胜</div>

        <div class="line-content">简单的规则</div>
        <div class="line-content">简单的玩法</div>
        <div class="line-content">就是比谁猜得对，猜得准</div>

    </div>
    <img src="img/004.png" style="width: 25%">
    <div>
        <div class="line-content">是不是突然发现自己参与世界杯了？</div>
        <div class="line-content">是不是要hold住所有话题成为social king了？</div>
        <div class="line-content">调整好作息，准备迎接世界杯吧！</div>
        <div class="line-content">准备迎接你们的战斗吧！</div>

    </div>
    <img src="img/005.jpg">
    <div>
        <div class="line-content">最后再为大家送上完整版世界杯赛程</div>
        <div class="line-content">祝大家看球愉快！</div>
    </div>
    <img src="img/saicheng.jpg">

    <div><br></div>
    <div class="go-bottom"><a href="#joinMe">点我加入</a></div>

    <div class="middle" id="joinMe"><a id="addTeam" href="">加入XXX队>>></a></div>
    <br>

    <div class="line-content"><span class="warn">长按二维码，关注“纷福”公众号参与活动</span></div>
    <img src="img/006.jpg" style="width: 30%">

</div>


<script type="application/javascript">
    var _teamName = window.localStorage.getItem("_teamName");
    var _teamPhone = window.localStorage.getItem("_teamPhone");
    var _path = Common.WEB_PATH+"/worldCup/page/corps_check.html";
    var appId = '';
    var timestamp = 0; //为了让后台传过来的timetamp是数字类型 否则字符串 估计又会报config fail错误
    var nonceStr = '';
    var signature = '';
    var url;
    $(function () {
        if(!_teamName){
            _teamName = Common.queryGetParam("_teamName");
        }
        if(!_teamPhone){
            _teamPhone = Common.queryGetParam("_teamPhone");
        }
        url = Common.WEB_PATH+"/fenful/h5/login.html?invitePhoneNum="+_teamPhone+"&_path="+_path;
        $("#addTeam").attr("href",url);
        $("#addTeam").text("加入"+_teamName+"队 一起赢大奖");

        //微信分享
        var paramStr = {};
        paramStr.url = window.location.href;
        var params = {};
        params.paramStr = JSON.stringify(paramStr);

        Common.ajaxWithParam("/fenful/api/v1/common/getWxConfig",params, function(returnData) {
            //console.log(returnData);
            appId = returnData.appId;
            timestamp = returnData.timestamp;
            nonceStr = returnData.nonceStr;
            signature = returnData.signature;

            //console.log(appId);

            wx.config({ //开始微信的配置 将获取的数据拿去请求
                debug: false,
                appId: appId,
                timestamp: timestamp,
                nonceStr: nonceStr,
                signature: signature,
                jsApiList: [ //可以调用下面的接口 我们这里只是调用scanQRCode 也就是扫码接口

                    'onMenuShareTimeline', 'onMenuShareAppMessage'

                ]
            });

            wx.ready(function(res) {
                console.log("successs!");
            });

            wx.error(function(res) {

            });
        });

        /*
         * 注意：
         * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
         * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
         * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
         *
         * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
         * 邮箱地址：weixin-open@qq.com
         * 邮件主题：【微信JS-SDK反馈】具体问题
         * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
         */


    })

    wx.ready(function () {
        wx.onMenuShareTimeline({
            title: "快来加入"+_teamName+"队跟我一起分享百万大奖",// 分享标题
            desc: "你不是一个人！来加入我们吧！！！！",
            link: window.location.href, // 分享链接
            imgUrl: "http://owtm7tpz8.bkt.clouddn.com/worldcup.jpg", // 分享图标
            success: function () {
                // alert("成功");
            },
            cancel: function () {
                // alert("失败")
            }
        });
        wx.onMenuShareAppMessage({
            title: "快来加入"+_teamName+"队跟我一起分享百万大奖", // 分享标题
            desc: "你不是一个人！来加入我们吧！！！！",
            link: window.location.href, // 分享链接
            imgUrl: "http://owtm7tpz8.bkt.clouddn.com/worldcup.jpg", // 分享图标
            success: function () {
                // alert("成功");
            },
            cancel: function () {
                // alert("失败")
            }
        });
    });

    $(window).scroll(function(){
        var h=$("#joinMe").offset().top;//div的元素距离网页顶部的距离
        var c = $(document).scrollTop();//滚动条距离网页顶部的高度
        var wh = $(window).height(); //页面可视化区域高度

        if (Math.ceil(wh+c)>=h){
            $(".go-bottom").hide();
        }else{
            $(".go-bottom").show();
        }
    })

</script>
</body>
</html>